<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
      <link href="bootstrap/css/bootstrap-submenu.css" rel="stylesheet">
      <link href="bootstrap/css/superfish.css" rel="stylesheet">
      <link href="bootstrap/css/superfish-vertical.css" rel="stylesheet">
      <script src="bootstrap/js/jquery-1.11.1.min.js"></script>
      <script src="bootstrap/js/bootstrap.min.js"></script>
      <script src="bootstrap/js/bootstrap-submenu.js"></script>
      <script src="bootstrap/js/superfish.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <style>
   	body{padding-top:70px}
   .sf-menu a {
	    color: rgba(78, 8, 243, 0.61);
	}
	.sf-menu, .sf-menu * {
	     background: #87EA2D;
	}
   </style>
   <body>
		<div class="container">
			<div class="row">
				<div class="col-xs-4">
					<div class="dropdown">
						<button class="btn btn-primary"data-toggle="dropdown">点击菜单查看</button>
						<ul class="dropdown-menu">
							<li class="dropdown-submenu">
								<a href="#">你好年后脑i上帝哈斯的话</a>
								<ul class="dropdown-menu">
									<a href="#">kjdhfiauyegdajshdbiuy</a>
									<a href="#">kjdhfiauyegdajshdbiuy</a>
									<a href="#">kjdhfiauyegdajshdbiuy</a>
									<a href="#">kjdhfiauyegdajshdbiuy</a>
									<a href="#">kjdhfiauyegdajshdbiuy</a>
									<a href="#">kjdhfiauyegdajshdbiuy</a>
									<a href="#">kjdhfiauyegdajshdbiuy</a>
								</ul>
							</li>
							<li><a href="#">你好年后脑i上帝哈斯的话</a></li>
							<li><a href="#">你好年后脑i上帝哈斯的话</a></li>
							<li><a href="#">你好年后脑i上帝哈斯的话</a></li>
							<li><a href="#">你好年后脑i上帝哈斯的话</a></li>
							<li><a href="#">你好年后脑i上帝哈斯的话</a></li>
							<li><a href="#">你好年后脑i上帝哈斯的话</a></li>
						</ul>
					</div>
				</div>
				<div class="col-xs-8">
					<ul class="sf-menu sf-vertical">
						<li class="current">
							<a href="#">第一级</a>
							<ul>
								<li>
									<a href="#">第二级</a>
									<ul>
										<li><a href="#">第三级</a></li>
										<li><a href="#">第三级</a></li>
										<li><a href="#">第三级</a></li>
										<li><a href="#">第三级</a></li>
										<li><a href="#">第三级</a></li>
									</ul>
								</li>
								<li><a href="#">第二级</a></li>
								<li><a href="#">第二级</a></li>
								<li><a href="#">第二级</a></li>
								<li><a href="#">第二级</a></li>
								<li><a href="#">第二级</a></li>
							</ul>
						</li>
						<li><a href="#">第一级</a></li>
						<li><a href="#">第一级</a></li>
						<li><a href="#">第一级</a></li>
						<li><a href="#">第一级</a></li>
						<li><a href="#">第一级</a></li>
						<li><a href="#">第一级</a></li>
					</ul>
				</div>
			</div>
		</div>
   </body>
   <script>
   	$('.dropdown-submenu > a').submenupicker();
   	$('.sf-menu').superfish();


   </script>
</html>